<template>
    <div>
        <h2>选项式API</h2>
        {{product}}
    </div>
</template>
<!-- 
    BaseUser{
        username="";
        password="";
    }
    UserList extends BaseUser{}
 -->
<script>
import ProductMixin from './ProductMixins.js'
    export default {
        //选项式api
        //缺点1. 相关功能模块比较分散， 缺点2.复用需要用对象mixin  【类组件继承】
        mixins:[ProductMixin], //混入 把一个对象混入到当前组件.
        data(){
            return {
                cart:[],
                product:[],
                people:[]
            }
        },
        methods:{
            //this.$nextTick 。。。
            // addCart(){},
            // editCart(){},
            // deleteCart(){},
            // addProduct(){},
            // deleteProduct(){},
            changeProduct(){
                console.log("组件里面 changeProduct")
            }
        },
        computed:{
            // allCart(){},
            // checkCart(){},
            // allProduct(){},
            // myProduct(){}
        },
        watch:{
            // allCart(){}
        },
        components:{},
        created(){
            console.log("选项式API",this);
            this.changeProduct();
        }
    }
</script>

<style lang="scss" scoped>

</style>